/**
 * Created by Administrator on 2017/1/23.
 */
//先判断这个文档是否架加载完成
$(document).ready(function () {
    $("#save").on("click",function () {
        //1.server相当于一个服务器，on相当于制定一个click事件。function（）触发
        //2.后面再用一个function去监听一个返回事件，返回事件会将参数返回出来，返回的data就是具体的数据
        //3.在数据访问的过程中，由于有时访问的是外部的服务器，其上面的数据结果返回的可能比较慢，需要加载一个延迟提示
        $("#result").text('数据正在请求当中，请稍后...');//以得到更好的用户体验
        // $.get("server.php",{name:$("#name").val()},function (data) {
        //     $("#result").text(data);
        //     //当服务器有错误的时候，给它一个error的错误提示，注意其是和.get并列的
        // }).error(function () {
        //     $("#result").text("显示有错误");
        // })

        $.ajax({
            'url':'server.php',
            'data':{
                'name':$("#name").val(),
                'password':$("#password").val()
            },
            'success':function (data) {
                  var name=$("#name").val();
                  var password=$("#password").val();
                  var data1=name&&password;
                $("#result").text(data1);
            },
            'dataType':'html',
            'error':function (data) {
                $("#result").text("显示错误");
            }


        });

    });
});